import React from 'react';
import {Layout, Row, Col} from 'antd';
import { inject ,observer} from 'mobx-react';
const {Header} = Layout;

@inject('editorStore')
@observer
export default class EditorHeader extends React.Component {
  addText = () => {
    this.props.editorStore.addText();
  }
  render () {
    const { htmlBody} = this.props.editorStore;
    console.log('render',htmlBody);
    return (
      <Header>
        <Row>
          <Col span={6}>
            1
          </Col>
          <Col span={9}>
            <div onClick={this.addText}>文字</div>
          </Col>
          <Col span={9}>
            1
          </Col>
        </Row>
      </Header>
    );
  }
}
